
/*nav-header 头部布局 name:xyy*/
.header input::-webkit-input-placeholder{
    color: #c1c0c1;
    font-size: .7rem;
}
.header input::-moz-placeholder{
    color: #c1c0c1;
}
.header input::-ms-input-placeholder{
    color: #c1c0c1;
}

.header{
    width: 100%;
    background-color: #2a8fff;
    padding: .5rem .5rem;
}
.header .header-band{
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;

}
.header-band li{
    text-align: center;
   /*display: flex;*/
    /*justify-content: center;*/
}
.header-band li:first-child{
    color: #fff;
    font-size: 0.5rem;
    width: 15%;
}
.header-band li:nth-child(2){
    width: 70%;
}
.header-band li:last-child{
    position: relative;
    width: 15%;
}

.header .search-min-box{
    position: relative;
}
.header .search .search-icon{
    position: absolute;
    left: 10%;
    top:17%;
}
.header .search li input[type="text"]{
    padding-left: 30%;
    background-color: #f9f9f7;
    width: 100%;
    height:1.5rem ;
    border-radius: 3rem;
    /*color: #fff;*/
}
.search .to-top{
    margin-top: -.5rem;
}
/*  ===============================*/

.badge-num{

    display: inline-block;
    width: auto;
    text-align: center;
    min-width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    font-size: 0.6rem;
    color: #f00;
    background-color: #fff;
    border-radius: 0.4rem;
    position: absolute;
    top: -.4rem;
    left: 60%;
    z-index: 99;
}
/*============页面尾部css ===========================================================*/

.f-icons{
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-hm{
    background-image: url('../data/img/hm.png');
}
.icon-hm.active{
    background-image: url('../data/img/hm-light.png');
}
.icon-search{
    background-image: url('../data/img/serch.png');
}
.icon-search.active{
    background-image: url('../data/img/search-light.png');
}
.icon-location{
    background-image: url('../data/img/location.png');
}
.icon-location.active{
    background-image: url('../data/img/location-light.png');
}
.icon-cart{
    background-image: url('../data/img/cart.png');
}
.icon-cart.active{
    background-image: url('../data/img/cart-light.png');
}
.icon-user{
     background-image: url('../data/img/user.png');
 }
.icon-user.active{
    background-image: url('../data/img/user-light.png');
}
.self-f{
    border-top: 1px solid #d9d9d9;
}